.search-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 28px;
  font-size: var(--font-size-min);
  cursor: pointer;
  border-radius: 4px;
  transition: all linear 0.1s;
  border: 1px solid transparent;
  line-height: 1;
  margin-right: 10px;
  margin-bottom: 4px;
  user-select: none;
  overflow: hidden;
  &.active,
  &:hover,
  &.isSelect {
    border: 1px solid #ddeafc;
    background: rgb(36 127 252 / 4%);
  }
  &.isSelect {
    .label {
      color: var(--color-sub);
      margin-right: 6px;
    }
  }
  .text {
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 3px;
    &.date-text {
      max-width: 20em;
    }
  }
  .delete-icon {
    display: none;
  }
  &.isSelect:not(.date-item):hover {
    .array-icon {
      display: none;
    }
    .delete-icon {
      display: block;
      color: #999;
    }
  }
  .search-bar-date-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    .el-input__inner,
    .el-range-input {
      cursor: pointer !important;
    }
  }
}
.select-list-wrap {
  display: flex;
  flex-direction: column;
  .select-list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
    max-height: 300px;
    padding: 8px 16px;
    margin: 0;
    .select-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: var(--font-size-min);
      height: 30px;
      flex-shrink: 0;
      transition: all linear 0.1s;
      line-height: 1;
      &:not(.disabled) {
        cursor: pointer;
      }
      &:hover,
      &.active {
        color: var(--color-primary);
      }
      &::v-deep(.el-icon) {
        display: none;
      }
      &.active {
        &::v-deep(.el-icon) {
          display: block;
        }
      }
      .item-text {
        width: 180px;
        //overflow: hidden;
        //text-overflow: ellipsis;
        //white-space: nowrap;
      }
    }
  }
  .select-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 16px;
    border-top: 1px solid #e5e5e5;
    height: 40px;
    background: #fff;
  }
}
